<%--
  Author: 林小秦
  Idea:零壹年秋,生于北方
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/layui/lib/layui-v2.5.5/css/layui.css" media="all">
    <style>
        .layui-card {border:1px solid #f2f2f2;border-radius:5px;}
    </style>
</head>
<body>

<table class="layui-table" lay-size="lg">
    <colgroup>
        <col width="150">
        <col width="200">
        <col width="400">
    </colgroup>
    <thead>
    <tr>
        <th>昵称</th>
        <th>加入时间</th>
        <th>签名</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>这世界那么多人~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>致敬奋斗路上追风赶月的你~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>让我们都如愿以偿吧~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>让我们都如愿以偿吧~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>让我们都如愿以偿吧~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>让我们都如愿以偿吧~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>让我们都如愿以偿吧~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>让我们都如愿以偿吧~</td>
    </tr>
    <tr>
        <td>有可乐吗来瓶雪碧</td>
        <td>2001-08-09</td>
        <td>让我们都如愿以偿吧~</td>
    </tr>
    </tbody>
</table>
<div class="layui-card">
    <div class="layui-card-header"><i class="fa fa-fire icon"></i>版本信息</div>
    <div class="layui-card-body layui-text">
        <table class="layui-table">
            <colgroup>
                <col width="100">
                <col>
            </colgroup>
            <tbody>
            <tr>
                <td>项目名称</td>
                <td>
                    SSM_Layui_Temlate
                </td>
            </tr>
            <tr>
                <td>当前版本</td>
                <td>v1.0.0</td>
            </tr>
            <tr>
                <td>主要特色</td>
                <td>练手 / 响应式 / 清爽 / 极简</td>
            </tr>
            <tr>
                <td>技术架构</td>
                <td>
                    前端：HTML、CSS、JavaScript、layui、jQuery.js<br>
                    后端：Spring、SpringMVC、Mybatis<br>
                </td>
            </tr>
            <tr>
                <td>版本介绍</td>
                <td>
                    数据库：MySQL 5.7<br>
                    Maven：3.6.1<br>
                    Tomcat：9<br>
                </td>
            </tr>
            <tr>
                <td>Gitee</td>
                <td style="padding-bottom: 0;">
                    <div class="layui-btn-container">
                        <a><span class="layui-badge-rim">https://gitee.com/Augenstern-creator</span></a>
                        <span class="layui-badge-rim">Hot</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>作者博客</td>
                <td style="padding-bottom: 0;">
                    <div class="layui-btn-container">
                        <a href=""><span class="layui-badge-rim">https://blog.csdn.net/Augenstern_QXL</span></a>
                        <span class="layui-badge-rim">Hot</span>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<script src="${pageContext.request.contextPath}/statics/layui/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>

</script>

</body>
</html>
